<template>
  <div>
    <h1>reactive</h1>
    {{ obj.a }} - {{ obj.b }}
  </div>
</template>

<script lang="ts">
import Vue, { reactive } from 'vue'
export default {
  setup () {
    // 初始化对象
    const obj = reactive({
      a: 1,
      b: 2
    })

    return {
      obj
    }
  }
}
</script>
